.bh-steps{ display: flex;}
.bh-steps .bh-step{ position: relative; flex-shrink: 1; flex-basis: 50%;}
.bh-steps .bh-step:last-of-type{ flex-basis: auto!important; flex-shrink: 0; flex-grow: 0;}
.bh-steps .bh-step:last-of-type .bh-step__line{ display: none;}
.bh-steps .bh-step.is-success{ color: #67c23a; border-color: #67c23a;}
.bh-steps .bh-step__head{ position: relative; width: 100%; border-color: inherit;}
.bh-steps .bh-step__icon{ position: relative; z-index: 2; display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 2px solid; border-color: inherit; background-color: #FFF; box-sizing: border-box;}
.bh-steps .bh-step__line{ position: absolute; z-index: 1; border-color: inherit; background-color: #c0c4cc;}

.bh-steps.bh-steps-horizontal .bh-step__line{ height: 2px; top: 11px; left: 0; right: 0;}

.bh-steps.bh-steps-vertical .bh-step{ display: flex;}
.bh-steps.bh-steps-vertical{ height: 100%; flex-flow: column; }
.bh-steps.bh-steps-vertical .bh-step__head{ flex-grow: 0; width: 24px; }
.bh-steps.bh-steps-vertical .bh-step__main{ flex-grow: 1; }
.bh-steps.bh-steps-vertical .bh-step__line{ width: 2px; top: 0; bottom: 0; left: 11px;}